<template>
	<view>
		<view class="item-block">
			<text class="item-lable">上传照片：</text>
			<view class="item-input" style="background:none;color:#7A7A7A;"><image src="../../static/images/upload.png" class="upload"></image>　　&nbsp;&nbsp;支持扩展名.jpg　.png　.gif</view>
		</view>
		<view class="item-block">
			<text class="item-lable">姓　　名：</text>
			<input placeholder="姓名" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">出生年月：</text>
			<input placeholder="出生年月" class="item-input icon-right"/>
		</view>
		<view class="item-block">
			<text class="item-lable">居　　住：</text>
			<input placeholder="居住城市" class="item-input icon-right"/>
		</view>
		<view class="item-block">
			<text class="item-lable">收　　入：</text>
			<input placeholder="收入,单位K" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">婚　　况：</text>
			<input placeholder="婚姻状况" class="item-input icon-right"/>
		</view>
		<view class="item-block">
			<text class="item-lable">身　　高：</text>
			<input placeholder="身高,单位米" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">体　　重：</text>
			<input placeholder="体重,单位KG" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">学　　历：</text>
			<input placeholder="学历" class="item-input icon-right"/>
		</view>
		<view class="item-block">
			<text class="item-lable">交友类型：</text>
			<input placeholder="交友类型" class="item-input icon-right"/>
		</view>
		<view class="item-block">
			<text class="item-lable">爱　　好：</text>
			<input placeholder="爱好,逗号隔开" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">特　　长：</text>
			<input placeholder="特长" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">微　　信：</text>
			<input placeholder="微信" class="item-input"/>
		</view>
		<view class="item-block">
			<text class="item-lable">手　　机：</text>
			<input placeholder="手机" class="item-input"/>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		}
	}
</script>

<style>
.item{
		margin:0 auto;
		padding:10px;
		background:#ffffff;
		font-size:25upx;
	}
	.item-block{
		height:auto;
		padding:5px 0;
		display: flex;
		flex-direction:row;  
		align-items: center; 
		justify-content: center;
		position: relative;
	}
	.item-lable{
		height:auto;
	}
	.item-input{
		height:30px;
		line-height:30px;
		padding:0 5px;
		background:#F2F2F2;
		border-radius: 5px;
		-webkit-flex: 1;
		flex: 1;
	}
	.item-default{
		color:#7A7A7A;
	}
	.icon-right:after{
		font-family: "iconfont" !important;  
		content: "\e63c";    
		font-size:20px;
		position: absolute; 
		color:#666666;
		top:0;
		right:0;
	}
	.remark{
		height:60px;
		-webkit-flex: 1;
		flex: 1;
		padding:5px;
		position: static;
		border-radius: 5px;
		background:#F2F2F2;
	}
	.contents{
		height:700upx;
		-webkit-flex: 1;
		flex: 1;
		padding:5px;
		position: static;
		border-radius: 5px;
		background:#F2F2F2;
	}
	.upload{
		width:50upx;
		height:50upx;
		top:10upx;
		margin-right:25upx;
		position: relative;
	}
</style>
